<!-- <button
  mat-button
  (mouseenter)="onMouseEnter($event)"
  (mouseleave)="onMouseLeave($event)"
>
  {{ mapCountryMenuItems[locale.getCurrentCountry()].text }}
  <font class="e-t-down"></font>
  <mat-list [ngClass]="{ show: show }">
    <mat-list-item
      *ngFor="let item of countryMenuItems"
      (click)="selectLocale(item.language, item.country, item.numberingSystem)"
    >
      {{ item.text }}</mat-list-item
    >
  </mat-list>
</button> -->

<button mat-menu-item [matMenuTriggerFor]="l10n">
  {{ mapCountryMenuItems[locale.getCurrentCountry()].text }}
</button>

<mat-menu #l10n="matMenu">
  <button
    mat-menu-item
    mat-menu-item
    *ngFor="let item of countryMenuItems"
    (click)="selectLocale(item.language, item.country, item.numberingSystem)"
  >
    {{ item.text }}
  </button>
</mat-menu>
